<%@ page language="java" errorPage="/error.jsp" pageEncoding="UTF-8"
	contentType="text/html;charset=utf-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title></title>
		<meta content=" " name="keywords">
		<meta content=" " name="description">
		<%@ include file="/jsp/front/common/header.jsp"%>
	</head>
	<body>
		<%@ include file="/jsp/front/common/nav.jsp"%>

		<div id="MainWrap">
			<div class="PassportWrap">
				<form class="signupform" action="saveSignup.html" method="post" id="signup_form">
					<div class="RegisterWrap">
						<h4>
							用户注册
						</h4>
						<div class="intro">
							<div class="customMessages">
								欢迎来到我们网站，如果您是新用户，请填写下面的表单进行注册
								<br/> 
							</div>
						</div>
						<div class="form">
							<input type="hidden" value="" name="forward" />
								<table width="100%" cellspacing="0" cellpadding="0" border="0">
									 
										<tr>
											<th>
												<i>*</i>用户名：
											</th>
											<td>
												<input type="text"   name="members.uname"  class="inputstyle _x_ipt"/>
												<span></span>
											</td>
										</tr>
										<tr>
											<th>
												<i>*</i>密码：
											</th>
											<td>
												<input type="password" name="members.password" class="x-input inputstyle" id="password" />
											</td>
										</tr>
										<tr>
											<th>
												<i>*</i>确认密码：
											</th>
											<td>
												<input type="password" name="members.passwordConfirm" class="x-input inputstyle" />
											</td>
										</tr>
										<tr>
											<th>
												<i>*</i>真实姓名：
											</th>
											<td>
												<input type="text" class="inputstyle _x_ipt"   name="members.name"  />
											</td>
										</tr> 
										<tr>
											<th></th>
											<td>
												<label
													style="width: auto; text-align: left; font-weight: normal;"
													class="nof" for="license">
													<input type="checkbox" checked="checked"  value="true" 
														name="agree" id="agree"/> <br />
														<textarea rows="5" cols="55">${systemSettings.data }</textarea>
												</label>
											</td>
										</tr>
										<tr>
											<th></th>
											<td>
												<input type="submit" value="注册新用户"
													class="actbtn btn-register">
													<input type="hidden" value="" name="forward">
											</td>
										</tr>
									 
								</table>
						</div>
					</div>
				</form>


			</div>
		</div>



		<%@ include file="/jsp/front/common/footer.jsp"%>
		  <script type="text/javascript"
			src="<c:url value='/scripts/jquery-1.4.2.js'/>"></script>
		<script type="text/javascript"
			src="<c:url value='/scripts/jquery.validate.js'/>"></script>
		<script type="text/javascript">

	$(document).ready(function() {
		var validator = $("#signup_form").validate( {
			errorElement : "div",
			errorClass : "valierror",
			onfocusout : false,
			rules : {
				'members.uname': {
					required: true,
					email: true
				},
				'members.password': {
					required: true,
					minlength: 6
				},
				'members.passwordConfirm': {
					required: true,
					minlength: 6,
					equalTo: "#password"
				},
				'members.name': {
					required: true 
				}, 
				agree: "required"

			},
			messages : {
				 
				
				'members.uname': {
					required : "必填字段",
					email: '请输入EMAIL，如abc@hubaobei.com'
				},
				'members.password': {
					required : "必填字段",
					minlength: '最少6位'
				},
				'members.passwordConfirm': {
					required : "必填字段",
					minlength: '最少6位',
					equalTo: "密码不一致"
				},
				'members.name': {
					required: "必填字段" 
				}, 
				agree: "必填字段"
			},
			errorPlacement : function(error, element) {
				element.removeClass('valierror');
				error.appendTo(element.parent());

			},

			success : function(div) {
				$(div).remove();
			}
		});
	});
</script>
	</body>
</html>